@import "../../../template/indexTemplate/indexTemplate.wxss";

.video-head {
    width: 100%;
    height: 450rpx;

    video {
        width: 100%;
        height: 100%;
    }
}

.video-body {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;

    .video-body-tabs {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;

        .nav {
            width: 100%;
            height: 80rpx;
            overflow: hidden;
            line-height: 80rpx;
            white-space: nowrap;
            box-shadow: 0 10rpx 12rpx rgba(238, 238, 238, 0.5);

            .nav-item {
                height: 100%;
                display: inline-block;
                margin: 0 30rpx;
                text-align: center;
            }

            .nav-item.active {
                color: #7D9BFF;

                // &::after{
                //     display: block;
                //     content: "";
                //     width: 100%;
                //     height: 4rpx;
                //     margin-top: -10rpx;
                //     background: var(--themeColor);
                //     opacity: 1;
                //     border-radius: 2rpx;
                // }
            }

            .nav-underline {
                position: absolute;
                top: 75rpx;
                left: 0rpx;
                content: "";
                height: 5rpx;
                background: var(--themeColor);
                transition: all .2s linear;
            }
        }
    }

    .video-body-content {
 
        .tab-box {
            width: 100%;
            height: calc(100vh - 560rpx);
            margin-top: 80rpx;

            .tab-content {
                overflow-y: scroll;
                padding: 30rpx 30rpx 0 30rpx;

                .movieTitle-part {
                    .collect {
                        width: 140rpx;
                        height: 50rpx;
                        color: #FFF;
                        border-radius: 8rpx;
                        background: var(--themeColor);

                        .icon-shoucang {
                            color: #FFF;
                        }
                    }
                }

                .profile {
                    width: 100%;

                    .info {
                        width: 88%;
                    }
                }

                .recommand{
                    width: 100%;
                    
                }
            }
        }
    }

}